<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>easylife</title>
	
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
	<link media="all" href="/easylife/Public/Home/css/frozen.css?v=201501248042" rel="stylesheet">
	<!-- <link media="all" href="/easylife/Public/Home/css/ratchet.css?v=201501248042" rel="stylesheet"> -->
	
	<style type="text/css">
		/*#one{
			width: 80%;
			height: 40px;
			background-color: red;
			margin: 100px auto;
		}*/
		.content{
			position: absolute;
			top:0;
			bottom: 0;
			right: 0;
			left: 0;
			color: black;
		}
		.test{
			width: 100px;
			height: 100px;
			margin: 300px auto;
			background-color: red;
		}
	</style>

</head>
<body>

	<div class="content">
	  <div id = "one"></div>
	  <div class="test"></div>
	</div>

<script src="/easylife/Public/Home/js/zepto.min.js?v=201501248042"></script>
<script src="/easylife/Public/Home/js/frozen.js"></script>

	<script type="text/javascript">
	$(function(){
	    $(".test").bind("click",function(e){
	    		console.log("test");
	      		var ev = e || window.event;
                var cx = ev.clientX;
                var cy = ev.clientY;
                var sx = ev.screenX;
                var sy = ev.screenY;
                var str = "CX = "+cx+",CY = "+cy+",SX = "+sx+",SY = "+sy;
                console.log(str);
                //$(".content").text(str);
                // $(".test").text(str);
                // window.scrollTo(100,800);
                $(".test").scrollTop(1000);
	    });
	})
	    // var one = document.getElementById("one");
     //       document.onmousedown=function(e)
     //        {
     //            var event = e || window.eventent;
     //            var cx = event.clientX;
     //            var cy = event.clientY;
     //            var sx = event.screenX;
     //            var sy = event.screenY;
     //            var str = "CX = "+cx+",CY = "+cy+",SX = "+sx+",SY = "+sy;
     //            one.innerHTML = str;
     //            window.status = str;  
     //        }
	</script>

</body>
</html>